<!doctype html>
<html>
    <head>
        <meta charset="utf-8"/>
        <meta http-equiv="x-ua-compatible" content="ie=edge"/>
        <title>开票结果</title>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        
        <link rel="stylesheet" href="../resource/css/style.css">

        <!--[if lte IE 9]>
        <style>
          .locale_en .browserupgrade-en,
          .locale_cn .browserupgrade-zh,
          .locale_zh .browserupgrade-zh {
            display: block;
          }
          .locale_en .browserupgrade-zh,
          .locale_cn .browserupgrade-en,
          .locale_zh .browserupgrade-en {
            display: none;
          }
          .browserupgrade {
            text-align: center;
            position: absolute;
            top: 30%;
            width: 100%;
          }
          .browserupgrade img {
            width: auto;
          }
          .browserupgrade p {
            color: #838383;
            font-size: 20px;
            max-width: 500px;
            margin: 20px auto;
          }
          #app {
            display: none !important;
          }
        </style>
        <![endif]-->

        <!-- All the Favicons -->
        <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../resource/images/apple-touch-icon-57x57.png" />
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../resource/images/apple-touch-icon-114x114.png?fcc67d" />
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../resource/images/apple-touch-icon-72x72.png?25e001" />
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../resource/images/apple-touch-icon-144x144.png?d69755" />
        <link rel="apple-touch-icon-precomposed" sizes="60x60" href="../resource/images/apple-touch-icon-60x60.png?4d1787" />
        <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../resource/images/apple-touch-icon-120x120.png?055eb5" />
        <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../resource/images/apple-touch-icon-76x76.png?003533" />
        <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../resource/images/apple-touch-icon-152x152.png?67a81b" />
        <link rel="icon" type="image/png" href="../resource/images/favicon-196x196.png?106c70" sizes="196x196" />
        <link rel="icon" type="image/png" href="../resource/images/favicon-96x96.png?95d6bb" sizes="96x96" />
        <link rel="icon" type="image/png" href="../resource/images/favicon-32x32.png?59fe7d" sizes="32x32" />
        <link rel="icon" type="image/png" href="../resource/images/favicon-16x16.png?049cd6" sizes="16x16" />
        <link rel="icon" type="image/png" href="../resource/images/favicon-128.png?dbe0a1" sizes="128x128" />
        <meta name="application-name" content="&nbsp;"/>
        <meta name="msapplication-TileColor" content="#FFFFFF" />
        <meta name="msapplication-TileImage" content="../resource/images/mstile-144x144.png" />
        <meta name="msapplication-square70x70logo" content="../resource/images/mstile-70x70.png" />
        <meta name="msapplication-square150x150logo" content="../resource/images/mstile-150x150.png" />
        <meta name="msapplication-wide310x150logo" content="../resource/images/mstile-310x150.png" />
        <meta name="msapplication-square310x310logo" content="../resource/images/mstile-310x310.png" />
        <script type="text/javascript" src="../resource/js/jquery-1.11.2.min.js"></script>
        <link rel="stylesheet" href="../resource/css/mon.css">
        <link rel="stylesheet" href="../resource/css/invoice.css">
    </head>
    <body class="lang_cn">
    	<!--[if lte IE 9]>
    	<div class="browserupgrade">
    	  <img src="../resource/images/logo-gray.png?1146ef" alt="starbucks_logo" />
    	  <p class="browserupgrade-en">This site was built for IE10 and above, please upgrade your browser for a better experience.</p>
    	  <p class="browserupgrade-zh">本网站仅支持IE10(及以上)浏览器浏览，请更新您的浏览器以获得更好的浏览体验。</p>
    	</div>
    	<script type="text/javascript">
    	  var paths = (window.location.pathname === '/') ? (window.location.hash).split('/') : (window.location.pathname).split('/');
    	  var locale = (paths.length > 1) ? paths[1] : 'en';
    	  document.body.className = 'locale_' + locale;
    	</script>
    	<![endif]-->
	    <div id="app">
	    	<div class="" >
				<header id="header">
					<div class="loader">
						<div class="loader-progress"style="width:0%;"></div>
					</div>
					<div class="header-container">
						<!-- 菜单按钮  隐藏 -->
						<!-- <div id="sidebar">
							<button>菜单</button>
						</div> -->
						<a href="https://www.starbucks.com.cn/"class="logo">
							<img src="../resource/images/logo.png">
						</a>
					</div>
					<div class="notification-list label notification-list-empty"></div>
				</header>
	    	    <!-- 主要区域 -->
	    	    <section id="main" class="main invoice invoiceSuccess">
	    	    	<div>
	    	    		<h1 class="hot">恭喜您，开票成功！</h1>
	    	    		<div class="block" >
	    	    			<div class="box container">
	    	    				<div class="invoiceSuccess_in">
	    	    					<header class="clearfix ">
	    	    						<p class="fl">发票抬头</p>
	    	    						<p class="fr">江苏荣泽信息科技股份有限公司</p>
	    	    					</header>
	    	    					<ul>
										<li class="clearfix">
											<p class="fl">名称</p>
											<p class="fr">900022</p>
										</li>
										<li class="clearfix ">
											<p class="fl">税号</p>
											<p class="fr">310000400232565</p>
										</li>
										<li class="clearfix">
											<p class="fl">地址</p>
											<p class="fr">宜山路1009号创新大厦</p>
										</li>
										<li class="clearfix">
											<p class="fl">电话</p>
											<p class="fr">400-820-6998</p>
										</li>
									</ul>
	    	    				</div>
	    	    				<!-- check the email 15 minutes later -->
								<div class="tipsContainer tc">
									<p>电子发票会自动发送到您的邮箱</p>
									<p>请在15分钟后查收</p>
								</div>
	    	    				<div class="invoiceSuccess_in out">
									<ul class="nodash">
										<li class="clearfix">
											<p class="fl">金额</p>
											<p class="fr">￥70</p>
										</li>
										<li class="clearfix ">
											<p class="fl">税额</p>
											<p class="fr">￥0</p>
										</li>
										<li class="clearfix">
											<p class="fl">价税合计</p>
											<p class="fr">￥70</p>
										</li>
									</ul>
									<ul>
										<li class="clearfix">
											<p class="fl">发票代码</p>
											<p class="fr">231001271990</p>
										</li>
										<li class="clearfix ">
											<p class="fl">发票号码</p>
											<p class="fr">00303099</p>
										</li>
									</ul>
									<div class="Suc_btn clearfix tc">
		    	    					<div class="btn fl" id="btnSendEmail">发送到我的邮箱</div>
		    	    					<div class="fr btn">下载电子发票</div>
		    	    				</div>
	    	    				</div>
	    	    				<div class="invoiceSuccess_in out">
									<ul class="nodash">
										<li class="clearfix">
											<p class="fl">金额</p>
											<p class="fr">￥70</p>
										</li>
										<li class="clearfix ">
											<p class="fl">税额</p>
											<p class="fr">￥0</p>
										</li>
										<li class="clearfix">
											<p class="fl">价税合计</p>
											<p class="fr">￥70</p>
										</li>
									</ul>
									<ul>
										<li class="clearfix">
											<p class="fl">发票代码</p>
											<p class="fr">231001271990</p>
										</li>
										<li class="clearfix ">
											<p class="fl">发票号码</p>
											<p class="fr">00303099</p>
										</li>
									</ul>
									<div class="Suc_btn clearfix tc">
		    	    					<div class="btn fl" id="btnSendEmail">发送到我的邮箱</div>
		    	    					<div class="fr btn">下载电子发票</div>
		    	    				</div>
	    	    				</div>
	    	    			</div>
	    	    		</div>
	    	    	</div>
	    	    </section>
	    	    <section class="main invoice invoiceFail" style="display:none;">
	    	    	<div>
	    	    		<div class="block" >
	    	    			<div class="box container tc">
	    	    				<img src="../resource/images/invoice_05.jpg">
	    	    				<p class="">很抱歉，开票失败</p>
	    	    				<p class="">请稍后重试或联系客服 <span class="tel">400-820-6998</span></p>
	    	    			</div>
	    	    		</div>
	    	    	</div>
	    	    </section>
	    	    <!-- email input popup -->
	    	    <div class="down"></div>
	    	    <div id="emailInput" class="invoice_down tc">
	    	    	<h3>我的邮箱</h3>
	    	    	<i id="emailInputClose" class="close"></i>
	    	    	<div class="formContainer">
		    	    	<input type="text" placeholder="请输入我的常用邮箱 *" name="" autocomplete="no" maxlength="">
						<div id="confirmSend" class="button tc button_confirm full-width">确认发送</div>	
	    	    	</div>
	    	    </div>
	    	    <!-- email sended popup -->
	    	    <div id="emailSended" class="invoice_down tc">
	    	    	<i id="emailSendedClose" class="close"></i>
	    	    	<div class="formContainer">
	    	    		<p class="title">您的电子发票已发送到</p>
	    	    		<p class="email_info">chenxiaobai@rongzer.com</p>
	    	    	</div>
	    	    </div>
	    	    <!-- loading -->
	    	    <div class="loadingContainer" id="loading">
	    	    	<img src="../resource/images/progress.gif" class="loadingImg" />
					<p class="loadingText">处理中，请耐心等待</p>
	    	    </div>
	    	    <!-- foot -->
	    	    <footer id="footer" class="footer" data-reactid=".0.5">
	    	    	<div data-reactid=".0.5.0">
	    	    		<span data-reactid=".0.5.0.0">© 2016 Starbucks Corporation.</span>
	    	    		<br data-reactid=".0.5.0.1">
	    	    		<span data-reactid=".0.5.0.2">All rights reserved. 沪ICP备09020061号</span>
	    	    		<br data-reactid=".0.5.0.3">
	    	    		<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010402000253" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;" data-reactid=".0.5.0.4">
	    	    			<img src="../resource/images/web-ministry.png?d0289d" style="float:left;" data-reactid=".0.5.0.4.0">
	    	    			<p style="float:left;height:20px;line-height:20px;margin:0px 0px 0px 0px;color:#A3A3A3;" data-reactid=".0.5.0.4.1">沪公网安备 31010402000253号</p>
	    	    		</a>
	    	    	</div>
	    	    </footer>
	    	</div>
	    </div>
    </body>
    <script type="text/javascript">
    	$("#btnSendEmail").click(function(event){
    		$("#loading").show('300');
    		//$(".down,#emailInput").show('300');
    		setTimeout(function(){
    			$("#loading").hide("300");
    		},1000)
    	});
    	$("#emailInputClose,.down").click(function(event) {
    		$("#emailInput,.down").hide('300');
    		$(".down").css('z-index', '5');
    	});
    	$("#confirmSend").click(function(event){
    		var display = $("#emailInput").css("display");
    		if(display == "block"){
    			$("#emailInput").hide('300');
    		}
    		$("#emailSended").show("300");
    	});
    	$("#emailSendedClose,.down").click(function(event) {
    		var display = $("#emailInput").css("display");
    		if(display == "block"){
    			$("#emailInput").hide('300');
    		}
    		$("#emailSended,.down").hide('300');
    	});
    </script>
</html>